<html>
<head>
  <title>Devcathlon: Team Description</title>
  <link rel="stylesheet" type="text/css" href="style/boilerplate/chrometheme/chromestyle2.css" />

  <script type="text/javascript" src="style/boilerplate/chromejs/chrome.js">

  /***********************************************
  * Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  * This notice MUST stay intact for legal use
  * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  ***********************************************/

  </script>
  
  <link rel="stylesheet" type="text/css" href="style/boilerplate/screen.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="style/boilerplate/print.css" media="print" />
  <style>
    .entry {border-top: 1px solid #3366CC; margin-top: 1px;}
  .style1 {color: #FF0000}
  </style>
</head>

<body>
  <div id="page"> 
    <div id="header">
      <div align="right" style="margin-top: -100px;"><img src="logo.jpg"></div>
      <div class="chromestyle" id="chromemenu">
      <ul>
        <li><a href="index.loggedin.html">Home Page</a></li>
        <li><a href="myprofile.html" rel="profiledrop">My Profile</a></li>
        <li><a href="browseProfiles.html">Browse Profiles</a></li>
        <li><a href="#" rel="dropmenu1">Matches</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="#" rel="dropmenu2">Hall of Fame</a></li>
        <li><a href="#" rel="dropmenu3">Help</a></li>        
        <li><a href="">         </a></li>
        <li><a href="index.html">Logout!</a></li> 
      </ul>      
    </div>
    
<!--Drop down menu for My Profile -->                                                   
<div id="profiledrop" class="dropmenudiv">
  <a href="editProfile.html">Edit Profile</a>
  <a href="myteams.html">My Teams</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
  <a href="publicMatches.html">Public Matches</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
  <a href="topTeams.html">Top Teams</a>
  <a href="TopIndividuals.html">Top Individuals</a>
</div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
  <a href="help.html">FAQ</a>
  <a href="contact.html">Contact Info</a>
</div>

<script type="text/javascript">

  cssdropdown.startchrome("chromemenu")

</script>

<!-- -------------- Page contents begins --------------- -->

<div class="wrapper">
<p>&nbsp;</p>
<h2>Mockup2<br>
</h2>
<p>
Displays information involving the selected team.

</div> <!-- End class=wrapper -->

<div class="entry">
<br>
<div id="profile">

<center>
  <h3><a href="matchdetails.html"> Are You Mocking Me?</a></h3>
  <h4>Project: Decathlon</h4>
  <table width="748" border="1">
  <tr>
    <td width="196">&nbsp;</td>
    <td width="181">
      <div align="center">
        <img src="img.jpg"><br><br>
        <strong>John L.</strong>
      </div>
    </td>
    <td width="174">
      <div align="center">
        <img src="phillip.jpg"><br><br>
        <strong>Phillip L.</strong>
      </div></td>
    <td width="169">
      <div align="center">
        <img src="johnz.jpg"><br><br>
        <strong>John Z.</strong>
      </div>
    </td>
  </tr>
  <tr>
    <td><strong>Build OK (+1 pts)</strong></td>
    <td><div align="center">x2</div></td>
    <td><div align="center">x2</div></td>
    <td><div align="center">x2</div></td>
  </tr>
  <tr>
    <td><strong>Commit Early (+5 pts)</strong></td>
    <td><div align="center">x1</div></td>
    <td><div align="center">x1</div></td>
    <td><div align="center">x0</div></td>
  </tr>
  <tr>
    <td><strong>Commit Right Size (+5 pts)</strong></td>
    <td><div align="center">x2</div></td>
    <td><div align="center">x2</div></td>
    <td><div align="center">x1</div></td>
  </tr>
  <tr>
    <td><strong>-Activity-</strong></td>
    <td><div align="center">x1</div></td>
    <td><div align="center">x1</div></td>
    <td><div align="center">x1</div></td>
  </tr>
  <tr>
    <td><strong>-</strong></td>
    <td><div align="center">-</div></td>
    <td><div align="center">-</div></td>
    <td><div align="center">-</div></td>
  </tr>  
  <tr>
    <td><strong><font color="#FF0000">Build Failed (-5 pts)</font></strong></td>
    <td><font color="#FF0000"><div align="center">x1</div></font></td>
    <td><font color="#FF0000"><div align="center">x0</div></font></td>
    <td><font color="#FF0000"><div align="center">x0</div></font></td>
  </tr>
      <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td><div align="left"><strong>Individual Total</strong></div></td>
      <td><div align="center"><strong>30 pts</strong></div></td>
      <td><div align="center"><strong>35 pts</strong></div></td>
      <td><div align="center"><strong>20 pts</strong></div></td>
    </tr>
    <tr bordercolor="E9F0FF" bgcolor="E9F0FF">
      <td><div align="left"><strong>Team Total</strong></div></td>
      <td>&nbsp;</td>   
      <td>&nbsp;</td>
      <td><div align="center"><strong>85 pts</strong></div></td>
    </tr>
  
</table>

  <br>
<table width="850" border="1">
  <tr>
    <td><strong>Project Health</strong></td>
  </tr>
  <tr>
    <td><img src="projecthealth.png"></td>
  </tr>
</table>
<table width="551" border="0">
  <tr>
    <td width="191"><strong>Event History <a href="#">[Show All]</a></strong></td>
    <td width="215"><strong>Related Person(s)</strong></td>
    <td width="131"><strong>Date</strong></td>
  </tr>
  <tr>
    <td><span class="style1">-5 (Build Failed)</span></td>
    <td><span class="style1">John L.</span></td>
    <td><span class="style1">1/25/2009 09:10:50 am</span></td>
  </tr>
  <tr>
    <td>+1 (Build OK)</td>
    <td>John Z.</td>
    <td>1/24/2009 03:20:30 pm</td>
  </tr>
  <tr>
    <td>+1 (Build OK)</td>
    <td> John L.</td>
    <td>1/24/2009 01:34:29 pm</td>
  </tr>
  <tr>
    <td>+1 (Build OK)</td>
    <td>Phillip L.</td>
    <td>1/24/2009 10:35:27 am</td>
  </tr>
  <tr>
    <td>-20 (Late Start) </td>
    <td>Entire Team</td>
    <td>1/23/2009 10:27:15 pm</td>
  </tr>
</table>
<p>&nbsp;</p>
<h3><strong>Self-Report Event Form</strong></h3>
<form action="" method="post" enctype="multipart/form-data" name="form1">
  <table width="495" border="0">

    <tr>
      <td width="159"><strong>Event Type:</strong></td>
      <td width="326">
        
          <div align="left">
            <select name="self-event-type" id="self-event-type">
              <option value="20">Pair Programming (+20 pts)</option>
              <option value="10">Team Meeting (+10 pts)</option>
            </select>
          </div></td>
    </tr>
    <tr>
      <td><strong>Description of Event:</strong></td>
      <td>
        <div align="left">
          <textarea name="self_event_desc" cols="45" id="self_event_desc"></textarea>
          </div></td>
    </tr>
    <tr>
      <td><strong>Photo proof (optional):</strong></td>
      <td>
        <div align="left">
          <input name="photo_proof" type="file" id="photo_proof" size="40">
          </div></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>
        
            <div align="left">
              <input type="submit" name="Submit for Approval" id="Submit for Approval" value="Submit">
              </div></td>
    </tr>
  </table>
</form>
<p>&nbsp;</p>
<p>&nbsp;</p>
</center>
</div> <!-- Ends id=profile -->
 
</div> <!-- Ends id=entry -->

<div id="footerFeedback">
<p> This page displays information relevant to the team, as well as any matches they are involved in.  </p>
<p>At the bottom, there is the self-event report form.  You can submit points for this team to be approved.  Members involved in this match will see this in the home page.  If one-half of the participants (not on your team) approves of your report, your team will gain those points.  
  <!-- End id=page --> Uploading a photo would be optional but would help your make your case stronger.  
</p>
</div>
</div> 
</body>
</html>
